<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			.wrapper{width: 400px;height: 200px;overflow-y: scroll;}
			/* 滚动条宽高 */
			::-webkit-scrollbar {
				width: 6px;
				height: 6px;
			}
			/* 滚动条滑轨颜色 */
			::-webkit-scrollbar-track{
				background: transparent;
				border-radius: 3px;
			}
			/* 滚动条滑块颜色 */
			::-webkit-scrollbar-thumb {
				background: #409EFF;
				border-radius: 3px;
			}
		</style>
	</head>
	<body>
		<div class="wrapper">
			<!-- lorem代码填充 -->
			<!-- loremN 生成N个单词 例：lorem10，生成10个单词 -->
			<!-- lorem*N 生成N行句子 例：lorem*10，生成10行句子 -->
			<!-- loremN*M 生成M行句子，每个句子N个单词 -->
			<div>Lorem ipsum dolor sit amet.</div>
			<div>Sequi ratione vitae? Rerum eveniet.</div>
			<div>Consectetur quia facilis debitis dolore.</div>
			<div>Tempore maxime ad quas nam.</div>
			<div>Iure repellat animi eos quae?</div>
			<div>Impedit voluptas minima dicta qui?</div>
			<div>Nihil ipsum voluptatibus vero porro.</div>
			<div>Repudiandae ea quia blanditiis doloribus.</div>
			<div>Culpa sit nam soluta incidunt.</div>
			<div>Enim modi eius omnis fuga!</div>
			<div>Vero autem quos quas vitae.</div>
			<div>Optio vitae molestiae nostrum saepe.</div>
			<div>Quis assumenda adipisci iure suscipit.</div>
			<div>Repudiandae repellendus odit similique labore.</div>
			<div>Quasi temporibus ex maiores dolores!</div>
		</div>
	</body>
</html>
